Skip to main content

platinum_bundle

platinum_bundle is a type supported by the platinum step template in the onboarding post-purchase steps.

[!NOTE] Fabulous is currently supported for that template. You can write this step, and the default design should take over:

{
    "type": "platinum",
    "stepId": "platinum_lune",
    "backgroundColor": "#02039F",
    "platinumType": "platinum_default"
}

The default plan code for Lune is fab-subs-bimonthly-normal-bundleapps-49, but you can override it by adding a new planCode to the step.

[!IMPORTANT] To support another app without having to override many values, you can ask the frontend team for support in code (if it hasn’t been supported by default yet)

KeyNotes
platinumTypeplatinum_bundle
planCode
title
titleColor
subtitleColor
subtitle
textColor
backgroundColor
ctaText
ctaTextColor
ctaBackgroundColor
bottomViewBackgroundColor
ctaHoverBackgroundColor
planBoxDetails  "planBoxDetails": {
    "title": "Try all apps with a {'{{'}TRIAL_IN_DAYS{{'}}'} day FREE trial",
    "titleColor": "white",
    "backgroundColor": "transparent",
    "textColor": "#FFFFFF",
    "subtitleColor": "#B6BCFF",
    "borderColor": "#3442DD",
    "secondaryColor": "#FEAD39",
    "description": "See your transformation begin in just 2 weeks 🚀",
    "imageUrl": "https://c.thefab.co/web-onboarding/fabulous/timeline-bundle.svg"
  }
termsBox"termsBox": {
    "text": "This is an auto-renewing subscription • If you don’t cancel during the {'{{'}TRIAL_IN_DAYS{{'}}'}-day introductory period, {'{{'}APP_NAME{{'}}'} will charge you {'{{'}PRICE{{'}}'} on {'{{'}POST_TRIAL_DATE{{'}}'} • After the introductory period, you will be charged automatically {'{{'}PRICE{{'}}'} every {'{{'}PERIOD_IN_MONTHS{{'}}'} months until you cancel • You can cancel at any time by changing your account settings via <a href=\"https://www.thefabulous.co\" style=\"color:#FFA133;\">thefabulous.co</a> • By purchasing a subscription, you agree to our <a href=\"https://www.thefabulous.co/terms.html\" style=\"color:#FFA133;\">Terms of Use</a> and confirm that you are over 18 years of age and acknowledge the <a href=\"https://www.thefabulous.co/terms.html#privacy\" style=\"color:#FFA133;\">Privacy Statement</a>",
    "textColor": "#B2B2FF",
    "backgroundColor": "#000180"
}
skipCta"skipCta": {
    "text": "Skip offer",
    "textColor": "#FFA133"
}
discountedPlanCodeOptional – used to show a discounted offer modal.
discountModal[platinum_default](Onboarding Templates/Post Purchase Offers/Platinum/platinum_default) (the step also needs a
Fabulous default config
{
  "platinumType": "platinum_bundle",
  "planCode": "fab-subs-bimonthly-normal-bundleapps-49",
  "backgroundColor": "#02039F",
  "textColor": "white",
  "title": "Upgrade your subscription with",
  "subtitle": "Fabulous Platinum Membership",
  "titleColor": "#B6BCFF",
  "subtitleColor": "white",
  "ctaText": "Start Your Free Trial",
  "ctaTextColor": "white",
  "ctaBackgroundColor": "linear-gradient(88deg, #FFB236 0%, #F61A92 100%)",
  "bottomViewBackgroundColor": "#0D097F",
  "errorTextColor": "#FEAD39",
  "features": [
    {
      "iconUrl": "https://c.thefab.co/web-onboarding/fabulous/img_icon_clarify_icon.png",
      "title": "Thrive with ADHD",
      "subtitle": "The life you’ve always wanted, with the help of behavioral science integrated in <span style=\"font-weight: 800; color:white;\">Clarify</span>.",
      "titleColor": "white",
      "subtitleColor": "#D1CFFF",
      "backgroundColor": "#3442DD"
    },
    {
      "iconUrl": "https://c.thefab.co/web-onboarding/fabulous/img_icon_lumiere.png",
      "title": "Goodbye anxiety",
      "subtitle": "With <span style=\"font-weight: 800; color:white;\">Lumiere</span>, learn to be patient and kind to yourself as you work through anxiety.",
      "titleColor": "white",
      "subtitleColor": "#D1CFFF",
      "backgroundColor": "#3442DD"
    },
    {
      "iconUrl": "https://c.thefab.co/web-onboarding/fabulous/img_icon_elixir.png",
      "title": "Your purpose",
      "subtitle": "Discover what brings you fulfillment by aligning with your core beliefs through <span style=\"font-weight: 800; color:white;\">Elixir</span>.",
      "titleColor": "white",
      "subtitleColor": "#D1CFFF",
      "backgroundColor": "#3442DD"
    },
    {
      "iconUrl": "https://c.thefab.co/web-onboarding/fabulous/img_icon_lune.png",
      "title": "Sleep Better, Live Brighter",
      "subtitle": "Discover deep, restorative sleep through <span style=\"font-weight: 800; color:white;\">Lune</span>'s calming routines, guided by the science of better nights.",
      "titleColor": "white",
      "subtitleColor": "#D1CFFF",
      "backgroundColor": "#3442DD"
    },
    {
      "iconUrl": "https://c.thefab.co/web-onboarding/fabulous/img_icon_shape.png",
      "title": "Healthy Eating",
      "subtitle": "Boost your energy, immune system, and overall well-being through food you love with <span style=\"font-weight: 800; color:white;\">Shape.</span>",
      "titleColor": "white",
      "subtitleColor": "#D1CFFF",
      "backgroundColor": "#3442DD"
    }
  ],
  "ctaHoverBackgroundColor": "linear-gradient(rgba(35, 15, 153, 0.1), rgba(35, 15, 153, 0.1)), linear-gradient(88deg, #FFB236 0%, #F61A92 100%)",
  "planBoxDetails": {
    "title": "Try all apps with a {{TRIAL_IN_DAYS}} day FREE trial",
    "titleColor": "white",
    "backgroundColor": "transparent",
    "textColor": "#FFFFFF",
    "subtitleColor": "#B6BCFF",
    "borderColor": "#3442DD",
    "secondaryColor": "#FEAD39",
    "description": "See your transformation begin in just 2 weeks 🚀",
    "imageUrl": "https://c.thefab.co/web-onboarding/fabulous/timeline-bundle.svg"
  },
  "skipCta": {
    "text": "Skip offer",
    "textColor": "#FFA133"
  },
  "discountModal": {
    "title": "Did you know?",
    "subtitle": "Fabulous members who start their program with the premium well-being package are 40% more likely to achieve their goals within 30 days",
    "footerText": "We are offering an additional <span style=\"color: #FF634E; font-weight:800;\">25% off</span> this well-being package, just for you.",
    "textColor": "#251C93",
    "overlayColor": "rgba(21, 21, 39, 0.60)",
    "backgroundColor": "white",
    "ctaText": "Continue",
    "ctaTextColor": "white",
    "ctaBackgroundColor": "#3428C6",
    "ctaHoverBackgroundColor": "#251C93",
    "closeIconColor": "#B8B3EB",
    "useHTML": true,
    "apps": [
      {
        "iconUrl": "https://c.thefab.co/web-onboarding/fabulous/icon/ic_bundle_clarify.svg",
        "text": "Thrive with ADHD"
      },
      {
        "iconUrl": "https://c.thefab.co/web-onboarding/fabulous/icon/ic_bundle_lumiere.svg",
        "text": "Goodbye anxiety"
      },
      {
        "iconUrl": "https://c.thefab.co/web-onboarding/fabulous/icon/bundle_shape.svg",
        "text": "Healthy eating"
      },
      {
        "iconUrl": "https://c.thefab.co/web-onboarding/fabulous/icon/ic_fab_bundle_elixir.svg",
        "text": "Your purpose"
      }
    ],
    "firstBar": {
      "text": "Fabulous + Well-being package",
      "iconUrl": "https://c.thefab.co/web-onboarding/fabulous/img_bundle_popup_mascot.png",
      "backgroundColor": "linear-gradient(90deg, #7C4DDA 0%, #B7D4FF 100%)",
      "backgroundImage": "https://c.thefab.co/web-onboarding/fabulous/img_bar1_bg.png",
      "textColor": "white"
    },
    "secondBar": {
      "text": "Fabulous Premium",
      "activeBackgroundColor": "linear-gradient(90deg, #FF7462 0%, #FFA3C0 49.4%, #DAC1FF 100%)",
      "backgroundColor": "#FFF3EB",
      "textColor": "white"
    }
  },
  "termsBox": {
    "text": "This is an auto-renewing subscription • If you don’t cancel during the {{TRIAL_IN_DAYS}}-day introductory period, {{APP_NAME}} will charge you {{PRICE}} on {{POST_TRIAL_DATE}} • After the introductory period, you will be charged automatically {{PRICE}} every {{PERIOD_IN_MONTHS}} months until you cancel • You can cancel at any time by changing your account settings via <a href=\"https://www.thefabulous.co\" style=\"color:#FFA133;\">thefabulous.co</a> • By purchasing a subscription, you agree to our <a href=\"https://www.thefabulous.co/terms.html\" style=\"color:#FFA133;\">Terms of Use</a> and confirm that you are over 18 years of age and acknowledge the <a href=\"https://www.thefabulous.co/terms.html#privacy\" style=\"color:#FFA133;\">Privacy Statement</a>",
    "textColor": "#B2B2FF",
    "backgroundColor": "#000180"
  }
}